<template>
  <div>
    <div>
      <div @click="updated(10)">updated</div>
      <div @click="increase">+</div>
      <div @click="decrease">-</div>
      <div>{{ count }}</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, computed } from "vue";
import { useCounter } from "@/composible/useCount";

const { count, updated, increase, decrease } = useCounter();
</script>

<style>
</style>
